<?session_start('hola'); 
$ok==1;
function redirect($pURL) {
	if (strlen($pURL) > 0) {
 
		if (headers_sent()) {
			echo "<script>document.location.href='".$pURL."';</script>\n"; 
		}else {
			header("Location: " . $pURL);
		}
 
		exit();
	}

}

?>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <title>Catalogo</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Joyel S.R.L.</title>
<META name="Title" content="Joyel">
<META name="Author" content="Joyel.com">
<META name="Subject" content="">
<META name="Description" content="Joyel fué fundada en 1972. Somos importadores y distribuidores mayoristas en todo el país. En nuestro historial contamos con la comercialización de importantes marcas: BENETTON | SWATCH | TISSOT | BULOVA | LAMBORGHINI">
<META name="Keywords" content="joyel, john L. Cook, Jewelry, joyas, acero, relojes, watch, watches, citizen, Boy London, cook, johnlcook, mayoristas, importadores, distribuidores, tissot, bulova, swatch, benetton, lamborghini">
<META name="Language" content="Spanish">
<META name="Revisit" content="1 day">
<META name="Distribution" content="Global">
<META name="Robots" content="All">

<link rel="stylesheet" title="web" type="text/css" href="web.css">
	<script src='js/jquery-1.8.3.min.js'></script>
    <script src='js/jquery.elevatezoom.js'></script>
		<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
        <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
		<script src="js/cufon-yui.js" type="text/javascript"></script>
		<script src="js/Aller.font.js" type="text/javascript"></script>
		<script type="text/javascript">
			Cufon.replace('ul.oe_menu div a',{hover: true});
			Cufon.replace('h1,h2,.oe_heading');
		</script>
        <style type="text/css">
			span.reference{
				position:fixed;
				left:0px;
				bottom:0px;
				background:#000;
				width:100%;
				font-size:10px;
				line-height:20px;
				text-align:right;
				height:20px;
				-moz-box-shadow:-1px 0px 10px #000;
				-webkit-box-shadow:-1px 0px 10px #000;
				box-shadow:-1px 0px 10px #000;
			}
			span.reference a{
				color:#aaa;
				text-transform:uppercase;
				text-decoration:none;
				margin-right:10px;
				
			}
			span.reference a:hover{
				color:#ddd;
			}
			.bg_img img{
				width:100%;
				position:fixed;
				top:0px;
				left:0px;
				z-index:-4;
			}

		</style>
        
          <script type="text/javascript" src="js/fade.js"></script>   
    </head>
<div id='alinear_centro'> 
 <div id='logo'></div>
<body>
<div class="bg_img"><img src="images/1.jpg" alt="background"></div>
        
        
 <!--Redes Sociales --> 
  
<div id='twitter'>
  		<a href="https://twitter.com/cookwatches" target="_blank">
  			<img src="graficos/twitter.png" width="38" height="38" border="0"></a></div>
<div id='facebook'>
  		<a href="https://www.facebook.com/pages/COOK-Watches/119851041373659" target="_blank">
  			<img src="graficos/facebook.png" width="38" height="38" border="0"></a></div>
<div id='youtube'>
 		 <a href="http://www.youtube.com/user/mmjoyell" target="_blank">
  			<img src="graficos/youtube.png" alt="youtube" width="38" height="38" border="0"></a></div>
<div id='blogger'>
  		<a href="http://www.joyelblog.blogspot.com/" target="_blank">
  			<img src="graficos/blogger.png" alt="blogger" width="38" height="38" border="0"></a> </div> 
<div id='instagram'>
  		<a href="http://www.instagram.com/cookwatches" target="_blank">
  			<img src="graficos/instagram.png" alt="blogger" width="38" height="38" border="0" /></a> </div>      
                       
<!--Slide / Contenido --> 
  
<div id='contenido'>
  <div id="productos">
<div id='empresa'>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<div align=center>
    <title>Wrnty</title>
    <script src="/WrntyFiles/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="/WrntyFiles/jquery.base64.min.js" type="text/javascript"></script>         

    <script type="text/javascript" language="javascript">

        $(document).ready(function () {
            $("#loginMailTxt").focus();
            $("#forgotYourPassBtn").click(function () { showForgotPassWin() });
            $("#sendBtnForgotPassword").click(function () { forgotPassValidation() });
            $("div [id^=backToLoginWinBtn]").click(function () { $("#forgotMsg").show(); showForgotPassWin() });
            $("#changePasswordBtn").click(function () { gotoChangePassword(); });
            $("#saveNewPassword").click(function () { checkChangePassValidation(); });
            $("#cancelNewPassword").click(function () { showForgotPassWin() });
            $("#loginBtn").click(function () { logInValidation(); });
            $("#loginMailTxt").click(function () { if ($("#loginInnerWin").is(':visible')) { $("#loginErr").hide(); reSizeWin(85); } });
            $("#logInPassTxt").click(function () { if ($("#loginInnerWin").is(':visible')) { $("#loginErr").hide(); reSizeWin(85); } });
            $("#forgotPassTxt").click(function () { if ($("#forgotPassword").is(':visible')) { $("#forgotPasswordErr").hide(); reSizeWin(105); } });
            $("#changePassMail").click(function () { if ($("#changePassword").is(':visible')) { $("#changePassErr").hide(); reSizeWin(300); } });
            $("#txtOldPassword").click(function () { if ($("#changePassword").is(':visible')) { $("#changePassErr").hide(); reSizeWin(300); } });
            $("#txtNewPassword").click(function () { if ($("#changePassword").is(':visible')) { $("#changePassErr").hide(); reSizeWin(300); } });
            $("#txtRePassword").click(function () { if ($("#changePassword").is(':visible')) { $("#changePassErr").hide(); reSizeWin(300); } });            


        });

        function checkChangePassValidation() {
            var valid = true;
            var msg = 1;
            $("#changePassword [class^=field]").each(function (element) {
                if ($.trim($(this).val()) == "") {
                    valid = false;
                }
                if ($(this).hasClass("red")) {
                    valid = false;
                    msg = 2;
                }
                if ($.trim($("#txtNewPassword").val()) != $.trim($("#txtRePassword").val())) {
                    valid = false;
                    msg = 3;
                }
            });

            if (!valid) {
                reSizeWin(355);
                switch (msg) {
                    case 1: showMsg("changePassErr", "NOTA: Todos los campos son obligatorios", "Por favor, revise e inténtelo nuevamente", false); break; // empty feild
                    case 2: showMsg("changePassErr", "Dirección de Email Incorrecta.", "Por favor, revise e inténtelo nuevamente", false); break; // mail is incorrect
                    case 3: showMsg("changePassErr", "Las contraseñas no coinciden.", "Por favor, revise e inténtelo nuevamente", false); break; // re-enter password incorrect
                }

            }
            else {
                $("#saveNewPassword").hide();
                $("#cancelNewPassword").hide();
                WrntyLogin("ChangePassword");
            }
        }

        function forgotPassValidation() {
            var valid = true;
            if ($("#forgotPassTxt").hasClass("red") || $.trim($("#forgotPassTxt").val()) == "") {
                valid = false;
                reSizeWin(165);
                showMsg("forgotPasswordErr", "NOTA: La dirección de Email es obligatoria.", "Por favor, revise e inténtelo nuevamente.", false);
            }
            else {
                $("#sendBtnForgotPassword").hide();
                $("#backToLoginWinBtn").hide();
                WrntyLogin("ForgotPassword");
            }
        }

        function logInValidation(){
            var valid = true;
            if ($("#loginMailTxt").hasClass("red") || $.trim($("#logInPassTxt").val()) == "") {
                valid = false;
                reSizeWin(140);
                showMsg("loginErr", "Email o Contraseña Incorrectos", "Por favor, revise e inténtelo nuevamente", false);
            }
            else {
                $("#loginBtn").hide();
                WrntyLogin("");
            }
        }

         function reSizeWin(size) {
             $("#loginWin [class=center]").animate({
                 height: size + "px"
             }, 300);
         }

         function showMsg(divID, line1, line2, isSuccessMsg) {             
              div = $("#" + divID);
              var spanArr = $("#" + divID + " span");
              $(spanArr[0]).html(line1);
              $(spanArr[1]).html(line2);

              $(div).slideDown('300');
          }

          function showForgotPassWin() {              
              clearErrSucMsg();
              clearAllFieds();
              if ($("#loginInnerWin").is(':visible')) {
                  reSizeWin(105);                 
                  $("#loginInnerWin").hide();
                  $("#loginHeaderTitle").html("¿Olvidó su contraseña?");
                  $("#forgotPassword").fadeIn('slow');
              }
              else {
                  reSizeWin(85);
                  $("#forgotPassword").hide();
                  $("#changePassword").hide();               
                  $("#loginHeaderTitle").html("Login");
                  $("#loginInnerWin").fadeIn('slow');
              }
          }

          function gotoChangePassword() {
              clearErrSucMsg();
              reSizeWin(300);             
              $("#loginHeaderTitle").html("Cambiar Contraseña");                            
              $("#loginInnerWin").hide();
              $("#forgotPassword").hide();
              $("#changePassword").fadeIn('slow');
          }

          function clearErrSucMsg() {
              $(".error,.success").each(function (element) {
                  if ($(this).is(':visible'))
                      $(this).hide();
              });
          }

          function clearAllFieds() {

              $('input:text').each(function (element) {
                  $(this).val("");
              });
              $('input:password').each(function (element) {
                  $(this).val("");
              });

          }

          function WrntyLogin(functionName) {              
              var email = functionName == "" ? $.trim($("#loginMailTxt").val()) : functionName.toLowerCase() == "forgotpassword" ? $.trim($("#forgotPassTxt").val()) : $.trim($("#changePassMail").val());
              var pass = functionName == "" ? $.trim($("#logInPassTxt").val()) : functionName.toLowerCase() == "changepassword" ? $.trim($("#txtNewPassword").val()) : "";              
              var oldPassword = $.trim($("#txtOldPassword").val());                            

              var sURL = "https://ng.wrnty-online.com/handlers/CrossDomain.ashx?email=" + $.base64.encode(email) + "&password=" + $.base64.encode(pass) + "&oldPassword=" + $.base64.encode(oldPassword) + "&functionName=" + functionName;
              var URL = "http://wvos.wrnty-online.com/handlers/CrossDomain.ashx?email=" + $.base64.encode(email) + "&password=" + $.base64.encode(pass) + "&oldPassword=" + $.base64.encode(oldPassword) + "&functionName=" + functionName;

              var loginURL = "https://ng.wrnty-online.com/login/wrntylogin.aspx";
              

            if ($.browser.msie && window.XDomainRequest) {// Use Microsoft XDR if browser is IE                
                var xdr = new XDomainRequest();
                xdr.timeout = 30000;
                if (document.location.protocol == 'https:') {
                    xdr.open("get", sURL);
                }
                else {                    
                    xdr.open("get", URL);
                }

                xdr.onload = function () {
                    // XDomainRequest doesn't provide responseXml, so if you need it:
                    var dom = new ActiveXObject("Microsoft.XMLDOM");
                    dom.async = false;
                    if (xdr.responseText.toLowerCase() == "true") {
                        SuccessResponse(functionName, email, pass, loginURL);
                    }
                    else {//SHOW INVALID EMAIL OR PASSWORD MESSAGE                              
                        ErrorResponse(xdr.responseText, functionName);
                    }
                };

                xdr.onerror = function () {//SHOW GLOBAL ERROR MESSAGE
                    reSizeWin(140);
                    showMsg("loginErr", "Ocurrió un error inesperado. Por favor, inténtelo nuevamente", "", false);
                };

                xdr.send();
            }
            else {                
                $.ajax({
                    type: "GET",
                    url: sURL,
                    dataType: 'html',
                    async: true,
                    cache: false,
                    success: function (response) {                        
                        if (response.toLowerCase() == "true") {
                            SuccessResponse(functionName, email, pass, loginURL);
                        }
                        else {//SHOW INVALID EMAIL OR PASSWORD OR GLOBAL ERROR MESSAGE
                            ErrorResponse(response, functionName);
                        }
                    },
                    error: function (response) {//SHOW GLOBAL ERROR MESSAGE
                        reSizeWin(140);
                        showMsg("loginErr", "Ocurrió un error inesperado. Por favor, inténtelo nuevamente", "", false);
                    }
                });
            }
        }

        function SuccessResponse(functionName, email, pass, loginURL) {            
            if (functionName.toLowerCase() == "changepassword") {
                reSizeWin(85);
                $("#forgotPassword").hide();
                $("#changePassword").hide();
                $("#loginHeaderTitle").html("Login");
                $("#loginInnerWin").fadeIn('slow');
                $("#saveNewPassword").show();
                $("#cancelNewPassword").show();
                var encodedParamsURL = loginURL + "?a=" + $.base64.encode(email) + "&b=" + $.base64.encode(pass);
                window.open(encodedParamsURL, '_top', 'directories=no,channelmode=no,fullscreen=no,width=800,height=600,location=yes,menubar=yes,resizable=yes,scrollbars=yes,status=yes,titlebar=yes,toolbar=yes');                
            }
            else if (functionName.toLowerCase() == "forgotpassword") {
                reSizeWin(85);
                $("#forgotMsg").hide();
                $("#forgotPasswordErr").hide();                
                $("#forgotPassword").show();
                $("#forgotMailSuc").show();
                $("#sendBtnForgotPassword").show();
                $("#backToLoginWinBtn").show();
            }
            else {//STANDART LOGIN, EMAIL & PASSWORD OK, AUTO LOGIN TO WRNTY SITE
                $("#loginBtn").show();
                var encodedParamsURL = loginURL + "?a=" + $.base64.encode(email) + "&b=" + $.base64.encode(pass);
                window.open(encodedParamsURL, '_top', 'directories=no,channelmode=no,fullscreen=no,width=800,height=600,location=yes,menubar=yes,resizable=yes,scrollbars=yes,status=yes,titlebar=yes,toolbar=yes');
            }


        }

        function ErrorResponse(response, functionName) {            
            var arrResponse = response.split("#");

            if (functionName.toLowerCase() == "changepassword") {
                $("#saveNewPassword").show();
                $("#cancelNewPassword").show();
                reSizeWin(370);
                showMsg("changePassErr", arrResponse[0] + " <br/>" + (arrResponse.length > 1 ? arrResponse[1] : ""), "Please check it and try again", false);
            }
            else if (functionName.toLowerCase() == "forgotpassword") {
                $("#sendBtnForgotPassword").show();
                $("#backToLoginWinBtn").show();
                reSizeWin(180);
                showMsg("forgotPasswordErr", arrResponse[0] + " <br/>" + (arrResponse.length > 1 ? arrResponse[1] : ""), "Please check it and try again", false);
            }
            else {
                $("#loginBtn").show();
                reSizeWin(140);
                showMsg("loginErr", "Email o Contraseña Incorrectos", "Por favor, revise e inténtelo nuevamente", false);
            }  
        }

    </script>




<style type="text/css">
    
     body { background-color:#fff; font:normal normal normal 12px/18px tahoma; color:#444; margin:0px; }    
    /********************************** login **********************************/
    .login{	width:491px;}
    .login .top{ width:491px; padding:0 15px; height:45px; line-height:20px; background: url("../WrntyFiles/sprite-frames.png?v=5.4.0.0") no-repeat 0px -560px;}
    .login .top .header{width:370px; padding-top:5px; color:White; font-size:18px; height:30px; line-height:25px; font-weight:bold; text-align:left; float:left;}
    .login .center{	width:520px;height:85px;background:url('../WrntyFiles/Win520px_CenterBG.jpg?v=5.4.0.0') repeat-y;}
    .login .bottom{width:520px;height:17px; background: url("../WrntyFiles/sprite-frames.png?v=5.4.0.0") no-repeat 0px -615px;}
    .login .inputs{	width:172px;height:90px;float:left;}
    .inputs a, .inputs a:hover, .login-footer a, .login-footer a:hover{color:#444;}
    .inputs a:hover, .login-footer a:hover{text-decoration:none;}    
    .pl3{padding-left:3px;}        
    .ml2{margin: 0px 20px;}                            
    .login .inputs .lable{	/*width:170px;*/	height:20px;	padding-bottom:0px;	padding-right:0px;	padding-top:0px;	}
    .login .inputs .input{	width:170px;	height:23px;}
    .login .inputs .input .field{	width:165px;	height:15px;	padding:2px 0px 2px 5px;	border:solid 1px #8ab4da;	margin-right: 20px;	font-size:12px;}
    .btn-cont{float:left;margin-right:10px;margin-left:10px; }
    .sprite-buttons { background: url("../WrntyFiles/sprite-buttons.png?v=5.4.0.0") no-repeat; } 
    .btn-100x20 { background-position: 0 -30px; width:100px;height:20px;margin:20px 0px 0px 0px;padding:0px 0px 0px 0px;text-align:center;float:left;color:#fff;font-weight:bold;font-size:11px;}
    .btn-100x20:hover { background-position: 0 0; cursor:pointer; }
    .login-footer{	width:520px;	height:30px;	margin:0 auto; }
    /********************************** forgot password **********************************/
     #forgotPassword{display:none;}
    .spanBtn{text-decoration:underline;}
    .spanBtn:hover{cursor:pointer;text-decoration:none;}
    .fl{float:left;}
    .mt3{margin-top:3px}
    .mt5{margin-top:5px}
    .displayNone{display:none;}
    .success{width:458px;border:solid 1px Green;background:#D8F4CA;margin:0px 0px 0px 20px;padding:10px;}
    .success div .bo{font-weight:bold;}
    .btn-cont{float:left;margin-right:10px;margin-left:10px; }
    .forgot{	width:480px;height:53px;	float:left;	padding:0px 20px 10px 20px;}
    .login .inputs2{	width:172px;	height:43px;	float:left;}
    .login .inputs2 .lable{	width:170px;	height:20px;	padding:0px 0px 0px 0px;}
    .login .inputs2 .input{	width:170px;	height:23px;}
    .login .inputs2 .input .field{	width:165px;	height:15px;	padding:2px 0px 2px 5px;	border:solid 1px #8ab4da;	font-size:12px;}
    /********************************** change Password **********************************/
    #changePassword .btn-cont2{ width: 302px !important;}
    #changePassword .btn-cont3{ width: 416px !important;}        
    #changePassword{display:none;}
    #changePassword .inputs {width:303px;height:60px;margin-left:110px;}
    #changePassword .field {width:295px;height:30px;line-height: 30px;padding:0px 0px 0px 5px;border:solid 1px #8ab4da;}	            
    #cancelNewPassword{margin-right:10px;}
    .mt20{margin-top:20px;}
    .btn-150x31{	width:150px;	height:25px;	padding:6px 0px 0px 0px;	text-align:center;	background-position: 0 -101px;	color:#fff;	font-weight:bold;    float:right;}
    .btn-150x31:hover{	background-position: 0 -60px;	cursor:pointer;}
    .Create-New-Account{width:520px;}
    .Create-New-Account .top{	width:520px;	height:45px;	background: url("../WrntyFiles/sprite-frames.png?v=5.4.0.0") no-repeat 0px -560px;}
    .Create-New-Account .top .header{	width:400px;	height:26px;	padding:10px 0px 0px 20px;	color:#fff;    font:normal normal bold 18px/18px tahoma;    float:left;}
    .Create-New-Account .center{	width:520px;	height:520px;	background:url('../WrntyFiles/Win520px_CenterBG.jpg?v=5.4.0.0') repeat-y;}
    .Create-New-Account .bottom{	width:520px;	height:17px;	background: url("../WrntyFiles/sprite-frames.png?v=5.4.0.0") no-repeat 0px -615px;}
    .Create-New-Account .center .inputs{	width:302px;	height:60px;	margin:0 auto;}
    .Create-New-Account .center .inputs .lable{	width:302px;	height:20px;	font:normal normal normal 14px/18px tahoma;}
    .Create-New-Account .center .inputs .input{	width:300px;	height:32px;}
    .Create-New-Account .center .inputs .input .field{	width:295px;	height:30px;	line-height: 30px;	padding:0px 0px 0px 5px;	border:solid 1px #8ab4da;	font-size:18px;	color:#444;}
    .Create-New-Account .center .captcha{	width:302px;	height:120px;	margin:0 auto;}
    /********************************** error **********************************/
    .error{width:458px;border:solid 1px #dd3c10;background:#ffebe8;margin:0px 0px 0px 20px;padding:10px;display:none;}
    .error div{	width:460px;}
    .error div .bo{    font-weight:bold;}
    .error a, .error a:hover{color:#444;}
    .error a:hover{text-decoration:none;}                         
        
</style>   

</head>
<body>
    
    <div class="login ac" id="loginWin">
        <div class="top">
            <div id="loginHeaderTitle" class="header">Catalogo On-Line JOYEL</div>            
        </div>

        <div class="center">
            <!--start login-->
            <div id="loginInnerWin">
                <div class="error displayNone" id="loginErr">
                    <div><span class="bo"></span></div>
                    <div><span></span></div>
                </div>
               
                <div class="inputs ml2">
                    <div class="lable pl3" >Email:</div>
                    <div class="input pl3">
                        <input tabindex="1"  id="loginMailTxt"  class="field" type="email" name="Email" placeholder='ejemplo@mail.com' />
                    </div>
                </div>
                <div class="inputs">
                    <div class="lable">Contraseña:</div>
                    <div class="input">
                        <input tabindex="2" id="logInPassTxt"  class="field" type="password" placeholder='Ingrese su contraseña' />
                    </div>
                    <div id="forgotYourPassBtn" class="fl mt3" ><span class="spanBtn">¿Olvidó su contraseña?</span></div>
                    <div class="fl mt5" id="changePasswordBtn"><span class="spanBtn">Cambiar contraseña</span></div>
                </div>
                <div class="btn-cont">
                    <div id="loginBtn" class="sprite-buttons btn-100x20">Entrar</div>
                </div>
            </div> 
            <!--end start login-->

            <!--start forgot password-->
            <div id="forgotPassword">
                <div id="forgotPasswordErr" class="error">
                    <div><span class="bo"></span></div>
                    <div><span></span></div>
                </div>
                <div class="success displayNone" id="forgotMailSuc">
                    <div><span class="bo">Nota: Una nueva contraseña será enviada a su email.</span></div>
                    <div><span>Por favor, revise su casilla en breve.</span></div>
                
                 <div class="btn-cont" style="float:right;margin-right:0px;">
                    <div id="backToLoginWinBtn1" class="sprite-buttons btn-100x20">Volver</div></div>
                </div>
                <div id="forgotMsg">
                <div  class="forgot">
                    <span>Por favor, ingrese el email de su cuenta.</span><br />
                    <span>Un email con una nueva contraseña será enviada a su email en breve.</span>
                </div>
                <div class="inputs2 ml2">
                    <div class="lable">Email:</div>
                    <div class="input"><input id="forgotPassTxt" class="field" type="email" title="Email:" name="Email" /></div>
                </div>
                 <div class="btn-cont">
                    <div id="backToLoginWinBtn" class="sprite-buttons btn-100x20">Cancelar</div></div>
                <div class="btn-cont">
                    <div id="sendBtnForgotPassword" class="sprite-buttons btn-100x20">Enviar</div>
                </div>
                </div>
            </div>
            <!--end forgot password-->      

            <!--start change password-->
            <div class="Create-New-Account ac" id="changePassword">
                 <div class="error displayNone" id="changePassErr2">
                    <div><span class="bo"></span></div>
                    <div><span></span></div>
                </div>
                 <div class="error displayNone" id="changePassErr">
                    <div><span class="bo"></span></div>
                    <div><span></span></div>
                </div>
                 <div class="inputs">
                    <div class="lable">Email:</div>
                    <div class="input">
                        <input id="changePassMail" class="field" type="email" title="Your Email:" name="Email" maxlength="200"/>
                    </div>
                </div>
                <div class="inputs">
                    <div class="lable">Contraseña Actual:</div>
                    <div class="input">
                        <input id="txtOldPassword" class="field" type="password" title="Old Password:" maxlength="200"/>
                    </div>
                </div>
               <div class="inputs">
                    <div class="lable">Nueva Contraseña:</div>
                    <div class="input">
                        <input id="txtNewPassword" class="field" type="password" title="New Password:" maxlength="200"/>
                    </div>
                </div>
                <div class="inputs">
                    <div class="lable">Reingrese Nueva Contraseña:</div>
                    <div class="input">
                        <input id="txtRePassword" class="field" type="password" title="Re-enter Your Password:" maxlength="200"/>
                    </div>
                </div>
                <div id="newPassword" class="btn-cont3">
                    <div id="saveNewPassword" class="sprite-buttons btn-150x31 mt20">Enviar</div>
                    <div id="cancelNewPassword" class="sprite-buttons btn-150x31 mt20">Cancelar</div>
                </div>
            </div>
            <!--end change password-->

        </div>
        <div class="bottom">
        </div>
    </div>   

<p align="center">Para acceder a nuestro catálogo completo necesita su clave.</p>
<p align="center">Si usted aún no es cliente y desea que nos contactemos suscríbase haciendo click <a href="empresa/suscripcion.php">aquí.</a></p>
</div>
</body>
</html>


  </div> </div>
</div>

<!-- Menu -->
<br /><br />
<div class="oe_wrapper">
			<div id="oe_overlay" class="oe_overlay"></div>
			<ul class="oe_menu" id="oe_menu" name="oe_menu">
				<li><a href="#">EMPRESA</a>
					<div>
						<ul>
							<li class="oe_heading">Sobre Nosotros</li>
							<li><a href="historia.html">Historia</a></li>
							<li><a href="actualidad.html">Actualidad</a></li>
							<li><a href="video-institucional.html">Video Institucional</a></li>
                            <li><a href="desarrollos-comerciales.html">Desarrollos comerciales</a></li>
						</ul>
						<ul>
							<li class="oe_heading">Contactenos</li>
							<li><a href="empleo.php">Empleo</a></li>
							<li><a href="concesionarios.php">Concesionarios</a></li>
						</ul>
						<ul>
                          <img src="graficos/empresa.jpg" alt="" width="407" height="193" />
                        </ul>
					</div>
				</li>
				<li><a href="#">PRODUCTOS</a>
					<div style="left:-111px;"><!-- -112px -->
						<ul>
							<li class="oe_heading">Watches</li>
							<li><a href="jlcook-watches.html">JOHN L COOK watches</a></li>
							<li><a href="boylondon.html">BOY LONDON</a></li>
							<li><a href="citizen.html">CITIZEN</a></li>
						</ul>
						<ul>
							<li class="oe_heading">SunGlasses</li>
							<li><a href="blue-pacific.html">BLUE PACIFIC</a></li>
						</ul>
  						<ul>
							<li class="oe_heading">Jewerly</li>
							<li><a href="jlcook-jewelry.html">JOHN L COOK Jewelry</a></li>                         
						</ul> 
  						<ul>
							<li class="oe_heading">Writing</li>
 							<li><a href="jlcook-writing.html">JOHN L COOK Writing</a></li>                           
						</ul>                     
					</div>
				</li>
				<li><a href="#">CATALOGO</a>
                <div style="left:-223px;">
						<ul>
							<li class="oe_heading">Catalogo Online</li>
							<li><a href="catalogo.php">Ingresar</a></li>
						</ul>
                        <ul>
                          <img src="graficos/catalogo.jpg" alt="" width="569" height="193" />
                        </ul>
					</div>
                </li>
				<li><a href="#">DESCARGAS</a>
					<div style="left:-335px;">
						<ul>
							<li class="oe_heading">Descargas</li>
							<li><a href="logos.html">Logos</a></li>
							<li><a href="manuales.html">Manuales</a></li>
						</ul>
                        <ul>
                          <img src="graficos/descargas.jpg" alt="" width="569" height="193" />
                        </ul>
					</div>
				</li>
				<li><a href="#">PRENSA</a>
					<div style="left:-447px;">
						<ul>
							<li class="oe_heading">John L. Cook</li>
							<li><a href="publicidades/jlcook-2012.html">John L. Cook 2012</a></li>
							<li><a href="publicidades/jlcook-2013.html">John L. Cook 2013</a></li>
							<li><a href="publicidades/jlcook-2014.html">John L. Cook 2014</a></li>
                            <li><a href="publicidades/jlcook-corto.html">Corto para TV</a></li>
						</ul>
						<ul>
							<li class="oe_heading">Boy London</li>
							<li><a href="publicidades/boy-london.html">Boy London 2008</a></li>
                            <li><a href="publicidades/boy-london-corto.html">Corto para TV</a></li>
						</ul>
						<ul>
							<li class="oe_heading">Blue Pacific</li>
                            <li><a href="publicidades/blue-pacific-corto.html">Corto para TV</a></li>
						</ul>
                        <ul>
                          <img src="graficos/prensa.jpg" alt="" width="249" height="193" />
                        </ul>
					</div>
				</li>
                	<li><a href="#">CONTACTO</a>
						<div style="left:-559px;">
						<ul>
							<li class="oe_heading">Contactenos</li>
							<li><a href="contacto.html">Contacto</a></li>
							<li><a href="servicios.php">Servicios</a></li>
							<li><a href="suscripcion.php">Suscripcion</a></li>
						</ul>
                        <ul>
							<li class="oe_heading">Redes Sociales</li>
							<li><a href="https://twitter.com/cookwatches" target="_blank">Twitter</a></li>
							<li><a href="https://www.facebook.com/cookwatches" target="_blank">Facebook</a></li>
							<li><a href="https://www.youtube.com/user/mmjoyell" target="_blank">Youtube</a></li>
                            <li><a href="http://www.joyelblog.blogspot.com/" target="_blank">Blog</a></li>
                            <li><a href="http://www.instagram.com/cookwatches" target="_blank">Instagram</a></li>
						</ul>
                        <ul>
                          <img src="graficos/contacto.jpg" alt="" width="407" height="193" />
                        </ul>
					</div>
				</li>
                	<li><a href="#">LOCALES</a>
                        <div style="left:-671px;">
						<ul>
							<li class="oe_heading">Como llegar?</li>
							<li><a href="locales.html">Ver mapa interactivo</a></li>
						</ul>
                        <ul>
                          <img src="graficos/locales.jpg" alt="" width="569" height="193" />
                        </ul>
					</div>   
                                
                   </li>
			</ul>	
		</div>
<!-- Menu end-->


 
  <!--Footer -->
  
  <div id='footer'>
 <a href="jlcook-watches.html"> JOHN L COOK watches</a> |   <a href="jlcook-jewelry.html">JOHN L COOK Jewelry</a> |   <a href="jlcook-writing.html">JOHN L COOK Writing</a> |    <a href="boylondon.html">BOY LONDON</a> |    <a href="citizen.html">CITIZEN</a> |   <a href="blue-pacific.html">BLUE PACIFIC</a><br><br>
  <h3>Joyel.com Copyright © 2014 All Rights Reserved </h3>
  </div>

</div>

<!--Fondo -->
<div id='franja'></div>


<!-- The JavaScript -->

<script type="text/javascript">
            $(function() {
				var $oe_menu		= $('#oe_menu');
				var $oe_menu_items	= $oe_menu.children('li');
				var $oe_overlay		= $('#oe_overlay');

                $oe_menu_items.bind('mouseenter',function(){
					var $this = $(this);
					$this.addClass('slided selected');
					$this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){
						$oe_menu_items.not('.slided').children('div').hide();
						$this.removeClass('slided');
					});
				}).bind('mouseleave',function(){
					var $this = $(this);
					$this.removeClass('selected').children('div').css('z-index','1');
				});

				$oe_menu.bind('mouseenter',function(){
					var $this = $(this);
					$oe_overlay.stop(true,true).fadeTo(200, 0.6);
					$this.addClass('hovered');
				}).bind('mouseleave',function(){
					var $this = $(this);
					$this.removeClass('hovered');
					$oe_overlay.stop(true,true).fadeTo(200, 0);
					$oe_menu_items.children('div').hide();
				})
            });
        </script>
 <!-- zoom -->       
<script>
    $('#zoom_01').elevateZoom({
    zoomType: "inner",
cursor: "crosshair",
zoomWindowFadeIn: 500,
zoomWindowFadeOut: 750
   }); 
</script>     
 <!-- zoom -->   
<!--Start of Zopim Live Chat Script-->
<script type="text/javascript">
window.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=z.s=
d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set.
_.push(o)};z._=[];z.set._=[];$.async=!0;$.setAttribute('charset','utf-8');
$.src='//v2.zopim.com/?2JDlTiMfN2pim8cJEWRbxSAgatvlVSwl';z.t=+new Date;$.
type='text/javascript';e.parentNode.insertBefore($,e)})(document,'script');
</script>
<!--End of Zopim Live Chat Script--> 
        
</body>
</html>